<template>
  <div id="ServiceDetail">
    <div class="banner container-fuild text-center">创新中心</div>
    <div class="container">
      <div class="row">
        <!-- <div class="col-xs-12 col-sm-12 col-md-3" id="myScrollspy">
          <ul class="nav nav-tabs nav-stacked center-block" id="myNav">
            <p>华南理工大学产研结合</p>
            <li
              :class="item.id == id ? 'active' : ''"
              v-for="(item, index) in serviceNavList"
              :key="index"
            >
              <a href="javascript:;" @click.stop="toSection(item.id)">{{
                item.title
              }}</a>
            </li>
          </ul>
        </div> -->

        <div id="left" class="col-md-4 col-xs-12">
          <ul class="left-container wow bounceInLeft">
            <p>华南理工大学产研结合</p>
            <li v-for="(item, index) in softwareList" :key="index">
              <router-link :to="item.path">{{ item.name }}</router-link>
            </li>
          </ul>
        </div>


        <div class="col-xs-12 col-sm-12 col-md-9 content wow zoomIn">
          <div class="acti">
            <div class="titles">
              <h1 class="h1">
                远程诊疗的突破：远程超声机器人引领医疗变革新风向
              </h1>
              <div class="infor">
                <!-- <span>时间：2024-12-28</span>
                <span>作者：鼎盛智造</span>
                <span style="display: none">阅读数：3695</span>
                <span style="display: none">分享</span> -->
              </div>
            </div>
          </div>

          <div class="text">
            <div class="words">
              <p class="paragraph">
                <span>
                  在过去，地理距离与医疗资源分配不均的双重枷锁，将无数偏远地区患者困于疾病诊断的困境之中。然而，随着我们公司携手华南理工大学精心打磨的远程超声机器人问世，一场意义深远的远程诊疗变革正汹涌袭来，诸多关键突破接踵而至，重塑着医疗服务的生态版图。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <!-- <p class="image">
                <img :src="service2" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议成功召开
                </span>
              </p> -->
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img :src="service3" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议签到
                </span>
              </p> -->
              <p class="paragraph">
                <strong>突破时空限制，消弭地域鸿沟</strong>
              </p>
              <p class="paragraph">
                <span>
                  以往，超声检查要求医生与患者同处一室，这使得偏远山区、边疆地带的患者为求精准诊断，不得不踏上漫长又艰辛的求医之旅。远程超声机器人借助高速稳定的 5G
                  乃至更前沿的通信网络，一举打破了这一顽固壁垒。就像在云南省怒江州贡山县的那场首秀，傈僳族患者老余无需奔赴繁华都市，只需安卧于县人民医院的检查床。远在千里之外浦东的超声专家，仅凭操作终端，就能让机械臂灵动运转，超声探头贴合老余腹部精准扫查。曾经遥不可及的大城市优质医疗资源，瞬间跨越山川湖海，延伸至偏远小城，地理距离不再是优质诊疗的阻碍。这不仅为患者省去舟车劳顿、高额旅费，更为急症患者抢出救命时间，急性胆囊炎、宫外孕等需紧急超声确诊的病症，如今能就地即时判别，改写生死时速。
                </span>
              </p>
              <p class="paragraph">
                <br />
              </p>
              <!-- <p class="image" >
                <img :src="service4" alt="服务" />
              </p>
              <p class="image">
                <span>
                  2024公立医院绩效考核思考汇会议现场
                </span>
              </p> -->
              <p class="paragraph">
                <strong>精准操控还原，捍卫诊断精度</strong>
              </p>
              <p class="paragraph">
                <span>
                  远程操作，曾让不少人质疑超声诊断的精准性。但我们的研发团队不遗余力，从机械设计到软件算法全方位革新。机械臂模拟人体手臂力学与关节灵活度，装配高灵敏度压力、位置传感器，细微到毫米级的动作调整都能精准复现。专家远程操控时，手感真实、动作顺滑，无论是探测肝脏深处微小囊肿，还是追踪胎儿纤细血管，都不在话下。同时，图像优化算法实时补偿信号衰减与失真，让远程获取的超声影像清晰度、分辨率与现场检查几无差别。哪怕是复杂心脏瓣膜病变、早期甲状腺微小癌这类难诊病症，远程超声机器人也能精准锁定病灶，为后续治疗筑牢根基。
                </span>
              </p>
              <!-- <p class="paragraph">
                <br />
              </p> -->
              <!-- <p class="image">
                <img
                  src="/Uploads/detail/2024-12-30/677212ef1c643.webp"
                  alt=""
                />
              </p>
              <p class="paragraph"></p>
              <p class="image">
                <span style="font-size: 16px; font-family: SimSun"
                  >深圳市市场监督管理局标准处徐均伟副处长致辞</span
                >
              </p> -->
              <p>
                <br />
              </p>
              <p class="paragraph">
                <strong>实时交互升级，打造协同诊疗</strong>
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  传统远程医疗会诊常是事后研讨，互动滞后。远程超声机器人扭转乾坤，开启实时深度交互模式。高清双向视频、音频链路，搭建起医患、医护、医医之间的沟通桥梁。基层医护现场反馈患者体征、病史，专家即刻回应，同步调整探头动作与参数；遇上罕见疑难杂症，一键召集多学科远程研讨，超声影像实时共享，心内科、肿瘤科、泌尿科专家同步上线“会诊”，思维碰撞间敲定最优方案，让诊疗不再是孤立决策，而是凝聚集体智慧的协同作战。
                </span>
              </p>
              <p>
                <br />
              </p>
              <!-- <p class="image" >
                <img :src="service1" alt="服务" />
              </p>
              <p class="image" >
                <span style="font-size: 16px; font-family: SimSun">
                  我司骨干团队参会留念
                </span>
              </p> -->
              <p class="paragraph">
                <strong>安全隐私升级，筑牢信任防线</strong>
              </p>
              <p>
                <span style="font-size: 18px; font-family: SimSun">
                  远程诊疗海量数据流转，隐私安全至关重要。我们运用顶尖加密技术，从超声影像数据生成瞬间加密，传输全程“武装押运”，存储云端多重防护。量子加密技术试点应用，为数据安全再添“金钟罩”，打消患者顾虑，让偏远地区百姓毫无负担地敞开心扉接纳远程超声，信任这看不见的远程守护，真正让远程诊疗扎根各地，绽放生机，全方位突破的远程超声机器人正引领医疗迈向普惠、高效的崭新时代。
                </span>
              </p>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup name="serviceDetail">
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import WOW from 'wow.js'

import service1 from '@/assets/img/2024_hospital_1.jpg'
import service2 from '@/assets/img/2024_hospital_2.jpg'
import service3 from '@/assets/img/2024_hospital_3.jpg'
import service4 from '@/assets/img/2024_hospital_4.jpg'

const id = ref('section-1')

const softwareList = [
  {
    name: '技术创新与研发',
    path: '/InnovationDetail1'
  },
  {
    name: '临床应用的成功案例',
    path: '/InnovationDetail2'
  },
  {
    name: '远程诊疗的突破',
    path: '/InnovationDetail3'
  },
  {
    name: '提高医疗服务可及性',
    path: '/InnovationDetail4'
  },
]
const route = useRoute()

onMounted(() => {
  console.log('route：', route, route.params, route.query)
  console.log('history.state：', history.state)

  console.log(id.value, 'pp')

  var wow = new WOW()
  wow.init()
})
</script>

<style scoped>
#left {
  margin: 50px 0;
  display: none;
}

.left-container {
  width: 60%;
  margin: 0 auto;
  border: 1px solid #474747;
  border-radius: 5px;
}

.left-container>p {
  text-align: center;
  line-height: 45px;
  padding: 0;
  margin: 0;
  background: #474747;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.left-container>li {
  text-align: center;
  height: 38px;
  line-height: 38px;
  margin: 0;
  border-top: 1px solid #474747;
}

.left-container>li>a {
  text-decoration: none;
}

.left-container>li:hover {
  background: #928989;
}

@media screen and (max-width: 768px) {

  #left {
    display: block;
  }

}


.banner {
  color: #fff;
  font-size: 30px;
  height: 150px;
  line-height: 150px;
  background-image: url('../assets/img/banner_2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}

@media (min-width: 992px) {
  .col-md-9 {
    width: 100%;
  }
}

.acti .titles {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

.acti .titles .h1 {
  font-size: 30px;
  color: #222;
  font-weight: bold;
  margin-bottom: 18px;
}

.acti .titles .infor {
  text-align: center;
}

.acti .titles .infor>span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin: 0 32px;
}

.text {
  padding-bottom: 73px;
  /* margin-bottom: 24px; */
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5;
}

.words {
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

.words .paragraph {
  text-align: justify;
  font-size: 18px;
  font-family: "SimSun";
}

img {
  display: inline-block !important;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
}

p {
  display: block;
  /* margin-block-start: 1em;
  margin-block-end: 1em; */
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;

}

.text .words .image {
  text-align: center;
  font-size: 16px;
  font-family: "SimSun";
  display: flex;
  justify-content: center;
}
</style>
